<template>
	<view class="pageItem">
		<view class="header status_bar" :class="scrrol == true ? 'scrrolHeader' : ''">
			<view class="back iconfont icon-gengduo-copy" @tap="backPage"></view>
			<view class="text">成长明细</view>
		</view>
		<view class="clear_box"></view>
		<view class="main">
			<block v-for="(item,index) in 10" :key="'r_'+index">
				<view class="row">
					<view class="r_icon iconfont">&#xe6e4;</view>
					<view class="r_txt">
						<view class="r_t_msg">团队成交订单</view>
						<view class="r_t_time">2022-11-23 17:29</view>
					</view>
					<view class="r_num">+1</view>
				</view>
			</block>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		},
		methods:{
			backPage() {
				uni.navigateBack({});
			},
			gotopage(e) {
				let url = e.currentTarget.dataset.url;
				uni.navigateTo({
					url: url
				});
			},
			
		}
	}
</script>
<style>
page{
	background: #F6F8FA;
}
.pageItem{
	width: 100%;
	box-sizing: border-box;
}
.pageItem *{
	box-sizing: border-box;
}
</style>
<style lang="scss">
.main{
	width: 100%;
	padding: 4vw 4%;
	.row:not(:first-child){
		margin-top: 25rpx;
	}
	.row{
		width: 100%;
		display: flex;
		align-items: center;
		padding: 30rpx;
		border-radius: 25rpx;
		background: #ffffff;
		.r_icon{
			width: 8vw;
			height: 8vw;
			display: flex;
			justify-content: center;
			align-items: center;
			font-size: 5vw;
			color: #ffffff;
			border-radius: 50%;
			background: #0DA4AD;
		}
		.r_txt{
			flex: 1;
			padding: 0 25rpx;
			.r_t_msg{
				font-weight: 3.5vw;
				font-weight: bold;
				color: #2B394E;
				width: 100%;
			}
			.r_t_time{
				font-size: 2.8vw;
				color: #8493AA;
				width: 100%;
				padding-top: 10rpx;
			}
		}
		.r_num{
			font-size: 4vw;
			color: #FA4A4A;
			font-weight: bold;
		}
	}
}
</style>
